<template>
  <!--<div class="shareContainer">-->
    <!--<scroll :scroll-x="scrollX">-->
      <!--<ul class="clearFloat">-->
          <!--<li>-->
            <!--<dl>-->
              <!--<dt>-->
                <!--<i class="weChat"></i>-->
              <!--</dt>-->
              <!--<dd>微信朋友圈</dd>-->
            <!--</dl>-->
          <!--</li>-->
          <!--<li>-->
            <!--<dl>-->
              <!--<dt>-->
                <!--<i class="weChat"></i>-->
              <!--</dt>-->
              <!--<dd>微信好友</dd>-->
            <!--</dl>-->
          <!--</li>-->
          <!--<li>-->
            <!--<dl>-->
              <!--<dt>-->
                <!--<i class="qq"></i>-->
              <!--</dt>-->
              <!--<dd>QQ空间</dd>-->
            <!--</dl>-->
          <!--</li>-->
          <!--<li>-->
            <!--<dl>-->
              <!--<dt>-->
                <!--<i class="qq"></i>-->
              <!--</dt>-->
              <!--<dd>QQ好友</dd>-->
            <!--</dl>-->
          <!--</li>-->
          <!--<li>-->
            <!--<dl>-->
              <!--<dt>-->
                <!--<i class="weiBo"></i>-->
              <!--</dt>-->
              <!--<dd>微博</dd>-->
            <!--</dl>-->
          <!--</li>-->
        <!--</ul>-->
    <!--</scroll>-->
  <!--</div>-->
</template>

<script type="text/ecmascript-6">
  import Scroll from '../../base/scroll/scroll.vue'
  export default{
    created() {
      this.scrollX = true
    },
    components: {
      Scroll
    }
  }
</script>

<style>
  .shareContainer{
    position: fixed;
    bottom: 0;
    z-index: 1000;
    width: 100%;
    background: #fbf7f7;
  }
  .shareContainer ul{
    width: 40rem;
    padding: 1rem 0;
  }
  .shareContainer li{
    float: left;
    width: 8rem;
    text-align: center;
  }
  .shareContainer dt i{
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url('./logo.png');
    background-repeat: no-repeat;
  }
  .shareContainer dt i.weChat{
    background-position: -150px -670px;
  }
  .shareContainer dt i.qq{
    background-position: -190px -670px;
  }
  .shareContainer dt i.weiBo{
    background-position: -230px -670px;
  }
  .shareContainer dd{
    font-size: 1rem;
  }
</style>
